@import "./common.scss";

.wrap {
  main {
    width: getvw(750);
    .webBox {
      width: 100%;
      margin-top: getvw(30);
      .topTitle {
        width: 100%;
        height: getvw(60);
        display: flex;
        justify-content: space-between;
        align-items: center;
        .title {
          display: flex;
          justify-content: center;
          align-items: center;
          .iconGroup {
            font-size: getfs(58);
            color: orange;
          }
          h2 {
            margin-left: getvw(20);
            font-size: getfs(34);
            color: #000;
          }
        }
        .moreBox {
          font-size: getfs(24);
          color: #000;
          .iconMore {
            color: orange;
            font-size: getfs(24);
          }
        }
      }
      .groupItems {
        margin: 0 auto;
        margin-top: getvw(30);
        width: getvw(585);
        // border: 1px solid #000;
        .group_row {
          margin-bottom: getvw(30);
          width: 100%;
          height: getvw(90);
          display: flex;
          justify-content: space-between;
          .group_item {
            width: getvw(240);
            height: getvw(90);
          }
        }
      }
    }
    .likeBox {
      .likeItems {
        width: 100%;
        .like_item {
          margin-top: getvw(30);
          width: 100%;
          height: getvw(165);
          display: flex;
          justify-content: space-between;
          align-items: center;
          .like_imgBox {
            width: getvw(210);
            height: 100%;
          }
          .like_infoBox {
            width: getvw(460);
            .like_row_1 {
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center;
              h3 {
                font-size: getfs(30);
                font-weight: bold;
              }
              span {
                color: #999;
                font-size: getfs(14);
              }
            }
            .like_row_2 {
              margin: getvw(15) 0;
              .coupon {
                color: #999;
                font-size: getfs(14);
              }
            }
            .like_row_3 {
              width: 100%;
              display: flex;
              justify-content: space-between;
              align-items: center;
              span:first-child {
                font-size: getfs(30);
                color: orange;
              }
              span:last-child {
                color: #999;
                font-size: getfs(14);
              }
            }
          }
        }
      }
    }
  }
}
